﻿.service-content,.service-icon{width:100%;height:320px;padding:20px}.grey,.melon,.orange,.red,.yellow{background-repeat:no-repeat;background-size:cover}.service-box{position:relative;overflow:hidden;margin-bottom:10px;perspective:1000px;-webkit-perspective:1000px}.service-icon{text-align:center}.transition-all-5seg{transition:all .5s ease}.service-content{position:absolute;top:0;left:0;z-index:1;opacity:0;text-align:left;background-color:#474747;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transform:translateY(110px) rotateX(-90deg)}.service-box .service-icon .front-content{position:relative;top:80px;transform:translateY(-50%);cursor:pointer}.service-box .service-icon .front-content i{font-size:28px;color:#fff;font-weight:400}.service-box .service-icon .front-content h3{font-size:15px;color:#fff;text-align:center;margin-bottom:15px;text-transform:uppercase}.service-box .service-content h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:10px;text-transform:uppercase}.service-box .service-content p{font-size:13px;color:#b1b1b1;margin:0}.yellow{background-image:url(../img/green-bg.jpeg)}.orange{background-image:url(../img/blue-bg.jpeg)}.red{background-image:url(../img/black-bg.jpeg)}.grey{background-image:url(../img/brown-bg.jpeg)}.melon{background-image:url(../img/melon-bg.jpeg)}.service-box:hover .service-icon{opacity:0;transform:translateY(-110px) rotateX(90deg);cursor:pointer}.service-box:hover .service-content{opacity:1;transform:rotateX(0);cursor:pointer}h3.servicios-menu{margin:0}h4.servicios-menu{font-size:14px}.col-lg-5-servicios,.col-md-5-servicios,.col-sm-5-servicios,.col-xs-5-servicios{min-height:1px;position:relative}.col-xs-5-servicios{float:left;width:20%}@media (min-width:768px){.col-sm-5-servicios{float:left;width:20%}}@media (min-width:992px){.col-md-5-servicios{float:left;width:20%}}@media (min-width:1200px){.col-lg-5-servicios{float:left;width:20%}}